.carousel{//轮播图
    width: 100%;
    height: 30%;
    position: relative;
}
.trest_borard{//装大图片的盒子
    width: 100%;
    height: 100%;
}
.trest{
    width: 100%;
    height: 100%;
    background: yellow;
    display: none;
}
.trest11{//控制轮播图大图片的显示
    display: block;
}
.dot{//装小圆点的盒子
    position: absolute;
    bottom: 10px;
    width: 100px;
    height: 10px;
    margin-left: 49%;
}
.dot11{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: black;
}
.dot22{
    background: red;
}
.trest1{//轮播图大图片
    background: url("../img/course-img03.jpg") no-repeat;
    background-size: 100% 100%;
}
.trest2{//轮播图大图片
    background: url("../img/part3.png") no-repeat;
    background-size: 100% 100%;
}

.contentmana{//主体部分大盒子
    overflow-y: scroll;
    width: 100%;
    min-height: 500px;
}
body{
    display: flex;
    flex-direction: column;
}
.rank_clockin{//排名和打卡
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: 150px;
    margin-top: 40px;
}
.rank{//排名
    width: 38%;
    height: 150px;
    border-radius: 12px;
    background: url("../img/index-card-rank.png") no-repeat blue 10% 48%;
    background-size: 96% 90%;
}
.clockin{//打卡
    width: 46%;
    height: 150px;
    border-radius: 12px;
    background: url("../img/index-card-sum.png") no-repeat skyblue 18% 76%;
    background-size: 62% 70%;
}

.movementdata_emblem{//运动数据和徽章
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: 130px;
    margin-top: 40px;
}
.movementdata{//运动数据
    width: 38%;
    height: 130px;
    border-radius: 12px;
    background: url("../img/part4.png") no-repeat;
    background-size: 101% 101%;
}
.emblem{//徽章
    width: 46%;
    height: 130px;
    border-radius: 12px;
    background: url("../img/index-card-badge.png") no-repeat skyblue 18% 76%;
    background-size: 62% 70%;
}
.trainingcourse{//课程训练
    width: 100%;
    height: 130px;
    margin-top: 40px;
    background: url("../img/course-img04.jpg") no-repeat;
    background-size: 100% 100%;
}
.outdoor_running{//户外跑步
    width: 100%;
    height: 130px;
    margin-top: 40px;
    background: url("../img/course-img02.png") no-repeat;
    background-size: 100% 100%;
}

.footers{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 100px;
    background: yellow;
}

